let lujing = {
  ref: "path1",
  czmObject: {
    xbsjType: "Path",
    xbsjGuid: "ed93781c-1a3c-45d3-b490-a2b893ac117f",
    name: "路径动画",
    positions: [
      [2.0323215080966, 0.6954184935241391, -0.01225413211028645],
      [2.0323218602467854, 0.6954082947143101, -0.01103295473590648],
      [2.032321925895806, 0.6954030063336382, -0.012160212849121452],
      [2.0323195805638568, 0.6954006241965651, -0.01185711312122055],
      [2.0323204348383737, 0.6953956576286148, -0.0117453329140761],
      [2.0323172880213933, 0.6953944076530885, 0.11744321569703167],
      [2.0323022695557498, 0.6953946172364236, 0.11572301057459429],
      [2.0322938430671615, 0.6953948105703549, 10.118950251723415],
      [2.032291591390191, 0.6953921675349857, 0.11517899837240886],
      [2.0322913110089758, 0.6953892083039224, 0.11460503261409113],
      [2.0322943311044837, 0.6953845490027383, 0.11422990710739572],
      [2.0323065185634626, 0.6953831016805275, 0.11476171796544628],
      [2.032316087274599, 0.6953831901556962, 0.11486432952210554],
      [2.0323257798537586, 0.6953824993550084, -0.012155519102462266],
      [2.0323270603372814, 0.6953787034558292, -0.011927923476582282],
      [2.0323248429496847, 0.6953757470909573, 0.11516296847563859],
      [2.0323056291815886, 0.6953754831343878, 0.11405623817333363],
      [2.0322948288892557, 0.6953760739115094, 0.114467323906261],
      [2.032293277091826, 0.6953749372614259, 0.113313657281526],
      [2.032300620984887, 0.6953726762781216, 0.11316435076672914],
      [2.0323004193594634, 0.6953706759424049, 0.11392478092950863],
      [2.0322990174121403, 0.6953672743525113, 0.11402384156540527],
      [2.0323093160889507, 0.6953645064249888, 0.031593414418760055],
      [2.0323214811617234, 0.6953641856808382, 0.11522222177368012],
      [2.0323247781232867, 0.6953617897999796, -0.012425972523348618],
      [2.032325348888071, 0.6953519505009641, 0.20276907871766142],
      [2.0323231205505516, 0.6953422139388167, 0.11767457177245531],
      [2.03230410977946, 0.6953406686801685, 0.20200034742318707],
      [2.0322923502412897, 0.6953409026679046, 0.2018885664411461],
      [2.0322964395706036, 0.6953492702845394, 0.11485057259348899],
      [2.032309444662583, 0.6953498210395438, 0.11541911431247226],
      [2.0323182864160536, 0.6953513668283322, 0.11534225277731146],
      [2.032317018056215, 0.695353682452468, 0.11610775051400966],
      [2.032312628059372, 0.6953543319258709, 0.11508244272254729],
      [2.03230095770357, 0.6953537063627957, 0.11404371033666587],
      [2.0322921935588, 0.6953538840160524, 0.11446618415853613],
      [2.0322919977678024, 0.6953579405519545, 0.11349827712277107],
      [2.0322917183635782, 0.695360445152238, -0.012343717703133947],
      [2.032283942744013, 0.695361152975557, 0.11371781864524087],
      [2.0322779258221195, 0.6953586747158679, 0.11395822713722438],
      [2.032277812929056, 0.6953540096124006, 0.11432230244498205],
      [2.0322771776024826, 0.695341964246052, -0.01216381370131794],
      [2.0322756978247094, 0.6953327208411794, -0.012012014045188178],
      [2.0322758944361663, 0.6953289391113731, -0.012363379294996637],
      [2.0322775528065895, 0.6953202063822881, -0.012107499789050173]
    ],
    rotations: [
      [3.1037635806867083, 0.00004658133774793072, 0.00012488978261071537],
      [2.931331053059595, -0.000045108753611966534, 0.0006892206895825481],
      [3.7624088660285193, 2.2206011052183783e-7, 6.281264426934612],
      [3.158267722268164, -0.0013404841345612262, 6.283130245552581],
      [3.924032865994532, 0.006697981989302271, 6.280857284679497],
      [4.380993062440785, -0.014422286374791593, 6.280063135384225],
      [4.9667720083670535, 0.3501785936576878, 6.280183358231378],
      [4.040613658800484, -0.4747372902703715, 6.280886466194522],
      [3.417530635320319, -0.14581641090380626, 6.282295178035483],
      [3.002210864111128, 0.00003949546329073961, 0.0004587742023423047],
      [2.2149600984073086, 0.00006885132135980854, 0.0026404158048389803],
      [1.5825025050450279, 0.0005823221605691931, 0.0033019287434408184],
      [7.715688261628575, -0.0020594291073612325, 0.0032706222888050362],
      [2.540181532045583, -0.0019756200257492473, 0.0018683818272045016],
      [3.348687958972657, 0.003988319865162904, 6.282506328229122],
      [3.9434810574901356, 0.004669207379764506, 6.280812173647144],
      [5.079970002449343, 0.00010228372194087676, 6.280103745011498],
      [4.092152814144044, -0.0000440147734421803, 6.280498210815393],
      [3.189290678568054, -0.00003986379678488916, 6.283027860504074],
      [3.0518982089438023, 0.00013294946465913782, 0.00029578794988438517],
      [3.3693461755050036, 0.00015794192883444858, 6.282439715570373],
      [2.855514131194499, -0.001080842971550533, 0.0009318399910416275],
      [7.798069498338887, 0.0023888338119697483, 0.0032969632605830412],
      [2.1465978964737413, -0.005497515825471755, 0.002769644864432763],
      [2.594731108386913, -0.0020922898808810597, 0.001717138001620988],
      [3.1429211439585165, 0.00019348213013348214, 6.28318092033382],
      [4.053534272407191, 0.00021446958400428429, 6.280574348966386],
      [4.55451906825791, 0.00048469142959639555, 6.279924267279055],
      [6.027215405931521, -0.0014453840538677376, 6.282349265904296],
      [7.45714870946777, -0.0005445246654507407, 0.0030455070319206357],
      [1.6219196396683246, 0.000027724728742573035, 0.0032978005955923706],
      [6.195575803078328, 0.0001252298433080945, 6.282896379269584],
      [5.383546969905363, 0.00006826809324178562, 6.280599406981068],
      [4.7870359008588785, 0.00002493555664062619, 6.279892382478517],
      [4.501505070531016, 0.00005923218587411405, 6.279956341352344],
      [6.0440894491432156, 0.002942928754803731, 6.282403285668352],
      [6.29500340366093, -0.006325166807720661, 0.000039023281761529915],
      [5.669716959181866, -0.0034073718954872323, 6.281284256043229],
      [4.534884730467771, 0.0009195704651956405, 6.279935064386148],
      [3.523651233998523, 0.00020982655575418896, 6.281954167179649],
      [3.1609330755625393, -0.0007706850605599946, 6.2831214465547305],
      [3.3008604074318546, -0.0003713316589757376, 6.282661607092571],
      [3.14190343387774, -0.000020774703580084264, 6.283184280950186],
      [3.069933317807675, -0.000015749195201530952, 0.00023642391488287728],
      [2.923093224503087, 0.000024387472332687565, 0.0007157774540997863]
    ],
    currentSpeed: 50,
    loopPlay: true,
    show: false
  }
};

let mixin = {
  data() {
    return {
      _model: undefined,
      _uw1: undefined,
      _uw2: undefined,
      show: false, // 控制路径的显示与隐藏，默认为隐藏
      // 当前播放速度，单位为米/秒。
      // 注意，此属性可以实时修改，修改后的速度立即生效，所以可以动态修改路径上物体的前进速度！
      currentSpeed: 0,
      // 当前步进距离
      // 指当前播放状态下由第一个关键点沿路径运动到当前位置的长度，单位是米。
      // 当前playing属性为false时，此属性恒定不变；当playing为true，此属性会自动增加。 随着currentD的变化，会实时计算currentPosition、currentRotation这两个属性。 currentPosition指当前位置，currentRotation指当前姿态
      currentD: 0,
      playing: true,
      cameraAttached: false
    };
  },
  methods: {
    erci() {
      let _this = this;
      //故宫

      this.loadercibase();
      this.loadlujing();
    },

    cameraAttachedClick() {
      this.cameraAttached = !this.cameraAttached;
      // 飞回原始位置
      if (!this.cameraAttached) {
        this._earth.cameraViewManager.views[1].flyTo();
      }
    },

    loadlujing() {
      let _this = this;
      let earth = this._earth;

      let mod = "famen";
      this._earth.sceneTree.root.children.push({
        ref: "model1",
        czmObject: {
          xbsjType: "Model",
          url: "http://124.70.158.145:9999/lm/yjcar/yjcar.gltf",
          minimumPixelSize: 500,
          maximumScale: 500,
          scale: 1,
          xbsjPosition: [],
          xbsjRotation: []
        }
      });

      let lujing1 = _.cloneDeep(lujing);

      lujing1.czmObject.positions = lujing.czmObject.positions.map(item => {
        item[2] = 1;
        return item;
      });

      this._earth.sceneTree.root.children.push(lujing1);

      var model1 = earth.sceneTree.$refs.model1.czmObject;
      var path1 = earth.sceneTree.$refs.path1.czmObject;

      // 设置相机位置
      // earth.camera.position.toString()和earth.camera.toAllJSONStr()这两个方法可获取相机位置

      // 1.1.3 数据绑定
      {
        // 双向绑定的属性，如果一方发生变化，另一方同样会跟随变化
        this._showUnbind = XE.MVVM.bind(this, "show", path1, "show");
        this._currentSpeedUnbind = XE.MVVM.bind(
          this,
          "currentSpeed",
          path1,
          "currentSpeed"
        );
        this._currentDUnbind = XE.MVVM.bind(
          this,
          "currentD",
          path1,
          "currentD"
        );
        this._cameraAttachedUnbind = XE.MVVM.bind(
          this,
          "cameraAttached",
          path1,
          "cameraAttached"
        );
        this._playingUnbind = XE.MVVM.bind(this, "playing", path1, "playing");

        // 设置初始值
        earth.terrainEffect.subSurfaceEnabled = false;
        earth.terrainEffect.surfaceOpacity = 0.0;
        this.positionEditing = true; // 默认状态开启位置编辑
      }

      // 1.1.4 数据监控
      // currentPosition 当前相机位置，形式如：[0, 0, 0] 该数组中的元素分别表示经度（单位弧度）、纬度（单位弧度）、高度（单位米）。 注意该属性，为只读属性！
      this._uw1 = XE.MVVM.watch(path1, "currentPosition", position => {
        model1.xbsjPosition = [...position];
      });

      // currentRotation 当前相机姿态，形式如：[0, 0, 0] 该数组中的元素分别表示偏航角（单位弧度）、俯仰角（单位弧度）、翻转角（单位弧度）。 注意该属性，为只读属性！
      this._uw2 = XE.MVVM.watch(path1, "currentRotation", rotation => {
        var cp = [...rotation];
        model1.xbsjRotation = [cp[0], cp[1], cp[2]];
        // model1.xbsjRotation = [cp[0] - Math.PI * 0.5, cp[1], cp[2]];
      });
    },

    loadercibase() {
      let _this = this;
      this._earth.sceneTree.root.children.push({
        ref: "ercimodela",
        czmObject: {
          xbsjType: "Tileset",
          xbsjGuid: "b7263e56-fec0-447e-ad21-bdcefe293da7",
          name: "新建人工模型服务",
          url: "http://124.70.158.145:9999/fz/ma/tileset.json",
          maximumScreenSpaceError: 0.0625,
          imageBasedLightingFactor: [0.78, 1],
          xbsjPosition: [2.032290734724278, 0.695370642294138, 0.62],
          xbsjScale: [22, 22, 22],
          xbsjUseOriginTransform: false,
          xbsjClippingPlanes: {},
          xbsjCustomShader: {}
        }
      });

      this._earth.sceneTree.root.children.push({
        ref: "ercimodelz",
        czmObject: {
          xbsjType: "Tileset",
          xbsjGuid: "b7263e56-fec0-447e-ad21-bdcefe293da7",
          name: "新建人工模型服务",
          url: "http://124.70.158.145:9999/fz/mz/tileset.json",
          maximumScreenSpaceError: 0.0625,
          imageBasedLightingFactor: [0.78, 1],
          xbsjPosition: [2.0322944338884277, 0.6953693909091369, -22.02],
          xbsjScale: [22, 22, 22],
          xbsjUseOriginTransform: false,
          xbsjStyle: 'var style = {\n    color: "vec4(1,1,1,0.2)"\n}',
          xbsjClippingPlanes: {},
          xbsjCustomShader: {}
        }
      });



      

      let viewer = this._viewer;
      this._earth.interaction.picking.enabled = true;
      // this._earth.interaction.picking.registerPickingParent(currentObj, parent);

      const tileset1 = this._earth.sceneTree.$refs.ercimodela.czmObject;
      const tilesetz = this._earth.sceneTree.$refs.ercimodelz.czmObject;

      // 拾取事件定制
      tileset1.onclick = pickedObject => {
        return false;
      };

      tileset1.onclickout = () => {
        return false;
      };

      tileset1.onmouseover = pickedObject => {
        return false;
      };

      tileset1.onmouseout = () => {
        return false;
      };
      // 拾取事件定制
      tilesetz.onclick = pickedObject => {
        return false;
      };

      tilesetz.onclickout = () => {
        return false;
      };

      tilesetz.onmouseover = pickedObject => {
        return false;
      };

      tilesetz.onmouseout = () => {
        return false;
      };

      let fzlist = {
        "1": {
          label: {
            position: [
              2.0323089751200842,
              0.6953911112547595,
              77.86055302796439
            ],
            name: "11",
            code: "",
            rotation: [90, 0, 0]
          },
          lllll: [
            {
              position: [116.4418599, 39.8430304],
              name: "11",
              code: "",
              rotation: [-90, 0, 0]
            }
          ],
          rrrrr: []
        },

        "2": {
          label: {
            position: [2.032283552342725, 0.6953929342480111, 143.633828980072],
            name: "11",
            code: "",
            rotation: [90, 0, 0]
          },
          lllll: [
            {
              position: [116.4415853, 39.8430002],
              name: "11",
              code: "",
              rotation: [90, 0, 0]
            }
          ],
          rrrrr: [
            {
              position: [116.4415853, 39.8430266],
              name: "11",
              code: "",
              rotation: [90, 0, 0]
            }
          ]
        },

        "3": {
          label: {
            position: [
              2.032284997314072,
              0.6953807639579742,
              143.1785002283514
            ],
            name: "11",
            code: "",
            rotation: [90, 0, 0]
          },
          lllll: [
            {
              position: [116.4416208, 39.8423303],
              name: "11",
              code: "",
              rotation: [90, 0, 0]
            }
          ],
          rrrrr: [
            {
              position: [116.4416208, 39.842362],
              name: "11",
              code: "",
              rotation: [90, 0, 0]
            }
          ]
        },

        "4": {
          label: {
            position: [
              2.032310169975969,
              0.6953801662816466,
              64.99751469873745
            ],
            name: "11",
            code: "",
            rotation: [90, 0, 0]
          },
          lllll: [
            {
              position: [116.4423255, 39.8422629],
              name: "11",
              code: "",
              rotation: [180, 0, 0]
            }
          ],
          rrrrr: []
        },

        "5": {
          label: {
            position: [
              2.032313525323982,
              0.6953689656053981,
              123.10712559532942
            ],
            name: "11",
            code: "",
            rotation: [90, 0, 0]
          },
          lllll: [],
          rrrrr: [
            {
              position: [116.4430808, 39.8416214],
              name: "11",
              code: "",
              rotation: [180, 0, 0]
            }
          ]
        },

        "6": {
          label: {
            position: [
              2.03229322599692,
              0.6953694515224911,
              120.14629419483778
            ],
            name: "11",
            code: "",
            rotation: [90, 0, 0]
          },
          lllll: [
            {
              position: [116.4419187, 39.8415787],
              name: "11",
              code: "",
              rotation: [180, 0, 0]
            }
          ],
          rrrrr: [
            {
              position: [116.4419676, 39.8415787],
              name: "11",
              code: "",
              rotation: [180, 0, 0]
            }
          ]
        },

        "7": {
          label: {
            position: [
              2.0322847512674462,
              0.695358854738984,
              61.36728349697058
            ],
            name: "11",
            code: "",
            rotation: [90, 0, 0]
          },
          lllll: [
            {
              position: [116.4415224, 39.8410064],
              name: "11",
              code: "",
              rotation: [90, 0, 0]
            }
          ],
          rrrrr: [
            {
              position: [116.4415224, 39.8410457],
              name: "11",
              code: "",
              rotation: [90, 0, 0]
            }
          ]
        },

        "8": {
          label: {
            position: [
              2.0323078570602187,
              0.6953587982814935,
              121.89444487796969
            ],
            name: "11",
            code: "",
            rotation: [90, 0, 0]
          },
          lllll: [
            {
              position: [116.4430796, 39.8411978],
              name: "11",
              code: "",
              rotation: [0, 0, 0]
            }
          ],
          rrrrr: [
            {
              position: [116.4430375, 39.8411978],
              name: "11",
              code: "",
              rotation: [0, 0, 0]
            }
          ]
        },

        "9": {
          label: {
            position: [
              2.032319524730914,
              0.6953521523638672,
              62.33835475729094
            ],
            name: "11",
            code: "",
            rotation: [0, 0, 0]
          },
          lllll: [],
          rrrrr: [
            {
              position: [116.4432686, 39.8408324],
              name: "11",
              code: "",
              rotation: [-90, 0, 0]
            }
          ]
        },

        "10": {
          label: {
            position: [
              2.0323085736733826,
              0.6953464055722507,
              63.28618128600621
            ],
            name: "11",
            code: "",
            rotation: [90, 0, 0]
          },
          lllll: [
            {
              position: [116.4426243, 39.8405097],
              name: "11",
              code: "",
              rotation: [0, 0, 0]
            }
          ],
          rrrrr: []
        },

        "11": {
          label: {
            position: [
              2.032292562879787,
              0.695349802162449,
              121.47685466859956
            ],
            name: "11",
            code: "",
            rotation: [90, 0, 0]
          },
          lllll: [
            {
              position: [116.4419676, 39.8406001],
              name: "11",
              code: "",
              rotation: [90, 0, 0]
            }
          ],
          rrrrr: [
            {
              position: [116.4419676, 39.840634],
              name: "11",
              code: "",
              rotation: [90, 0, 0]
            }
          ]
        },
        "12": {
          label: {
            position: [2.03228371587662, 0.6953493215017806, 61.38766954708055],
            name: "12",
            code: "",
            rotation: [180, 0, 0]
          },
          lllll: [
            {
              position: [116.4414097, 39.8406815],
              name: "12",
              code: "",
              rotation: [90, 0, 0]
            }
          ],
          rrrrr: [
            {
              position: [116.4414097, 39.8407132],
              name: "12",
              code: "",
              rotation: [90, 0, 0]
            }
          ]
        }
      };

      Object.keys(fzlist).map(numitem => {
        _this.paintfamen(fzlist[numitem]);
        _this.paintlabel(fzlist[numitem], numitem);
        _this.loadguangquan(fzlist[numitem], numitem);
      });
    },
    loadguangquan(item1, numitem) {
      let guangquan = {
        ref: "guangquan" + numitem,
        czmObject: {
          xbsjType: "Pin",
          xbsjGuid: "1997dd50-5d4b-43c7-9ab7-bf14da988419",
          name: "图片",
          position: [
            1.928451425289045,
            0.6170557670462598,
            -0.32890545926074954
          ],
          scale: 0.5,
          // imageUrl: "/configuration/cesium/label.png",
          imageUrl: "/configuration/cesium/fm_gq.png",
          pinBuilder: {},
          near: 30,
          far: 1000
        }
      };
      let position = [];
      if (item1.lllll.length != 0) {
        position = item1.lllll[0];
      }
      if (item1.rrrrr.length != 0) {
        position = item1.rrrrr[0];
      }
      guangquan.czmObject.position = [...this.gethudu(position.position), 2];
      this._earth.sceneTree.root.children.push(guangquan);

      // 添加点击事件
      let pointindex = 0;
      this._earth.cameraViewManager.views.filter((item, index) => {
        if (item.name == numitem + "") {
          pointindex = index;
        }
      });
      var pin1 = this._earth.sceneTree.$refs["guangquan" + numitem].czmObject;
      pin1.onclick = () => {
        this._earth.cameraViewManager.views[pointindex].flyTo();
      };
    },
    paintlabel(label, numitem) {
      let rotation = this.gethuduro(label.label.rotation);
      let ddd = {
        czmObject: {
          xbsjType: "CustomPrimitive",
          xbsjGuid: "f65e1f32-ee82-4ec6-82e3-50d4a2d3f1bf",
          // evalString:
          //   "<div>sdfsdfsdfsd</div>",
          // evalString:
          //   "\n                Cesium.Resource.createIfNeeded('/configuration/cesium/label.jpg').fetchImage().then(function(image) {\n                    console.log('image loaded!');\n                    p.drawCanvas(ctx => {\n                        ctx.clearRect(0, 0, 1066, 646);\n                        ctx.fillStyle='#FF0000';ctx.fillRect(0, 0, 150, 75);ctx.fillStyle='#eeeeeeee';ctx.font='30px Arial';ctx.fillText('Hello World', 10, 50);\n                    });\n                });\n            ",
          evalString:
            "\n                Cesium.Resource.createIfNeeded('/configuration/cesium/label.jpg').fetchImage().then(function(image) {\n                    console.log('image loaded!');\n                    p.drawCanvas(ctx => {\n                        ctx.clearRect(0, 0, 1066, 646);ctx.font='30px Arial';ctx.fillText('Hello World', 10, 50);\n                        ctx.drawImage(image, 0, 0);ctx.fillStyle='#eeeeeeee';ctx.font='100px Arial';ctx.fillText('" +
            numitem +
            "', 370, 140);ctx.fillText('" +
            _.random(0, 100) +
            "', 100, 300);ctx.fillText('" +
            _.random(0, 100) +
            "', 500, 300);ctx.fillText('" +
            _.random(0, 100) +
            "', 800, 300);\n                    });\n                });\n            ",
          position: label.label.position,
          rotation: [rotation[0], rotation[1], rotation[2]],
          scale: [10, 20, 10],
          positions: [0, -1, 0, 0, 1, 0, 0, 1, 2, 0, -1, 2],
          sts: [0, 0, 1, 0, 1, 1, 0, 1],
          indices: [0, 1, 2, 0, 2, 3],
          renderState: {
            cull: {
              enabled: false
            },
            polygonOffset: {},
            scissorTest: {
              rectangle: {}
            },
            depthRange: {},
            depthTest: {
              enabled: true
            },
            colorMask: {},
            depthMask: false,
            blending: {
              enabled: true,
              color: {},
              equationRgb: 32774,
              equationAlpha: 32774,
              functionSourceRgb: 770,
              functionDestinationRgb: 771,
              functionDestinationAlpha: 771
            },
            stencilTest: {
              frontOperation: {},
              backOperation: {}
            },
            sampleCoverage: {}
          },
          color: [0.5, 0.8, 1, 2],
          canvasWidth: 1066,
          canvasHeight: 646,
          autoRegisterEditing: true
        }
      };

      this._earth.sceneTree.root.children.push(ddd);
      // this._earth.sceneTree.root.children.push(eachlabel);
    },

    paintfamen(famen) {
      let _this = this;

      let mods = [
        "famen",
        "liuliangji",
        "guandao",
        "wenduji",
        "yalibiao",
        "yuanzhu"
      ];

      Object.keys(famen).map(famenkey => {
        if (famenkey == "lllll" || famenkey == "rrrrr") {
          famen[famenkey].map(each_item => {
            let position = _this.gethudu(each_item.position);
            let rotation = _this.gethuduro(each_item.rotation);
            mods.map(mod => {
              this._earth.sceneTree.root.children.push({
                ref: mod,
                czmObject: {
                  xbsjType: "Model",
                  url:
                    "http://124.70.158.145:9999/fzgltf/" +
                    (famenkey == "lllll" ? "lllll" : "rrrrr") +
                    "/" +
                    mod +
                    "_out/" +
                    mod +
                    ".gltf",
                  minimumPixelSize: 2,
                  maximumScale: 20000,
                  scale: 22,
                  xbsjPosition: [position[0], position[1], 4],
                  xbsjRotation: [rotation[0], rotation[1], rotation[2]]
                }
              });
              let model = _this._earth.sceneTree.$refs[mod].czmObject;
              // 拾取事件定制
              model.onclick = pickedObject => {
                _this.$message.success(mod + "被点中");
              };

              model.onclickout = () => {};

              model.onmouseover = pickedObject => {
                model.color = [1, 0, 0, 1];
              };

              model.onmouseout = () => {
                model.color = [1, 1, 1, 1];
              };
            });
          });
        }
      });
    }
  }
};
export default mixin;
